<template>
	<view class="">
		
		<view class="uni-flex-center uni-margin-top-40"
		v-for="(item,index) in dataList" :key="index">
			<view class="uni-cell-90 content-card" @click="estPay(item)">
				<view class="uni-font-36 uni-flex-btw">
					<text>物业费用</text>
					<text class="color-font-orange">去缴费</text>
				</view>
				<view class="uni-flex-btw uni-margin-top-20">
					<view class="uni-cell-60">房号</view>
					<view class="uni-cell-40">面积(㎡)</view>
				</view>
				<view class="uni-flex-btw" >
					<view class="uni-cell-60">{{item.address}}</view>
					<view class="uni-cell-40">{{}}</view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import {getRoomListBill} from "@/api/user.js";
	export default{
		data() {
			return {
				dataList:[]
			}
		},
		onShow() {
			this.getData();
		},
		methods:{
			getData(){
				getRoomListBill().then((res)=>{
					if(res.data.code==0){
						this.dataList=res.data.data;
					}
				})
			},
			estPay(item){
				uni.navigateTo({
					url:'/pages/main/est-pay/to-pay?id='+item.room_id
				})
			},
			carPay(item){
				
				this.$store.commit('setChangeCar',item)
				uni.navigateTo({
					url:'/pages/main/car/car-pay'
				})
			}
		}
	}
</script>

<style>
	.content-card{
		background: #FFFFFF;
		border-radius: 6upx;
		padding: 20upx;
	}
	.uni-font-36{
		border-bottom: 1upx solid #EDEDED;
		line-height: 80upx;
	}
	.uni-flex-btw{
		height: 80upx;
	}
</style>
